<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="/static/js/jquery.min.js"></script>
</head>
<script>
   function sss() {
      var str= sss1(999999);
       $("#sheng").empty();
       $("#sheng").append(str);
    }
    function f(bz) {
       var id;
        if (bz==1){
          id=$("#sheng option:selected").val();
          $("#shi").empty();
          $("#qu").empty();
          $("#cun").empty();
          $("#shi").append(sss1(id));
          $("#qu").append("<option>---请选择---</option>");
          $("#cun").append("<option>---请选择---</option>");
        }else if(bz==2){
            id=$("#shi option:selected").val();
            $("#qu").empty();
            $("#cun").empty();
            $("#cun").append("<option>---请选择---</option>");
            $("#qu").append(sss1(id));
        } else if(bz==3){
            id=$("#qu option:selected").val();
            $("#cun").empty();
            $("#cun").append(sss1(id));
        }
    }
    function sss1(id) {
        var str=" <option>---请选择---</option>";
        $.ajax({
            url:'getList1?id='+id,
            type:'POST',
            dataType:'JSON',
            async:false,  //同步
            success:function (data) {
                var objs = eval(data.data);
                for (var i=0;i<objs.length;i++){
                    //alert(objs[0].id)
                    str+="<option value='"+objs[i].id+"'>"+objs[i].val+"</option>";
                }
            }
        });
        return str;
    }
</script>
<body onload="sss()">
<select id="sheng" onchange="f(1)" >
    <option>---请选择---</option>
</select>
<select id="shi" onchange="f(2)">
    <option>---请选择---</option>
</select>
<select id="qu" onchange="f(3)">
    <option>---请选择---</option>
</select>
<select id="cun" >
    <option>---请选择---</option>
</select>
</body>
</html>